<template>
  <div>
    <!-- <section>
      <img class="full-width" src="/static/bg08.png" alt="">
    </section> -->
    <section class="section-2 relative">
      <p class="header blue mt60">VARIOUS NOTICES <span>管理办法</span></p>
      <div class="rules-item">
        <div class="mod" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
          <span class="circel blue"></span>
          <span class="title">{{item.title}}</span>
        </div>
      </div>
      <a-pagination class="xh-pager blue-pagination" :pageSize="pageSize" @change="changePage" v-model="current" :total="total" show-less-items />
    </section>
  </div>
</template>
<script>
export default {
  name: 'association',
  data () {
    return {
      list: [],
      current: 1,
      total: 0,
      pageSize: 10
    }
  },
  components: {
  },
  computed: {
  },
  created () {
    this.getArticles()
  },
  methods: {
    toDetail (item) {
      this.$router.push({ path: `/installer/${item.id}` })
    },
    changePage (page, size) {
      this.current = page
      this.getArticles()
    },
    getArticles () {
      this.$http.getArticles({}, 'GLBF', this.current, this.pageSize).then(res => {
        res.data.list.forEach(v => {
          v.realPath = `${process.env.VUE_APP_SRC}${v.realPath}`
        })
        this.total = res.data.total
        this.list = res.data.list
      })
    }
  }
}
</script>
<style lang="scss">
</style>
